<template>
  <div class="cart-list">
     <cart-list-item v-for="(item, index) of cartList" :key="index" :item-info="item"></cart-list-item>
  </div>
</template>

<script>

  import CartListItem from './CartListItem'

  import { mapGetters } from 'vuex'  
  export default{
    name: 'CartList',
    components: {
      CartListItem
    },
    computed: {
      // 通过mapGetters将vuex中的属性映射到当前组件的计算属性当中
      ...mapGetters(['cartList'])
    },
  }
</script>

<style scoped>
 
</style>
